<template>
	<view>
		<view v-for="(item, index) in datalist" style="margin: 10rpx;">
			<cardViewText :nID="item.nID" :title="item.title" :isTop="item.isTop" :author="item.author"
				:comments="item.comments" :time="item.time" @click="onCustomViewClick(index)">

				<view v-slot:slotcontent v-if="item.showSearch"></view>
				<template v-slot:tips v-if="item.showSearch">
				  <view style="display: flex; align-items: center; gap: 8rpx; margin: 15rpx;">
				    <text>搜索：</text>
				    <view class="" style="background-color: #5555ff;" ><text>今日金价</text></view>
				    <view class=""style="background-color: #5555ff;"><text>精选好物</text></view>
				  </view>
				</template>
			</cardViewText>
		</view>
	</view>
</template>

<script>
	import cardViewText from '@/components/cardViewText.vue'
	export default {
		components: {
			cardViewText
		}, 
		data() {
			return {
					datalist: [{
								  nID: "T15627",
								  title: "14个月从100家开到1000家门店，蜜雪冰城为何买下这家精酿啤酒商",
								  isTop: true,
								  author: "界面新闻",
								  comments: 56,
								  time: "2025.10.07"
								}, {
								  nID: "B4485",
								  title: "把握历史大势 共创美好未来（观沧海）",
								  isTop: false,
								  author: "人民日报",
								  comments: 1025,
								  time: "2025.10.25"
								},
								{
									nID: "B4485",
									title: "黄金还能走多远？卖方高呼 “第三浪启动”，230 多份研报看多",
									isTop: false,
									author: "财联社",
									comments: 452,
									time: "2025.10.08",
									showSearch : true
								},
								{
									nID: "B4485",
									title: "“没有短板” 的完美战鹰！歼 - 16 机库独家探访",
									isTop: false,
									author: "红星新闻",
									comments: 56,
									time: "2025.10.07"
								},{
									nID: "B4485",
									title: "多国学者共探巴克特里亚考古 携手推进丝绸之路文明研究新进程",
									isTop: false,
									author: "中国日报网",
									comments: 56,
									time: "2025.10.12"
								}]
			}
		},
		methods: {
			onCustomViewClick(index) {
				console.log(`点击了第${index + 1}条数据，ID为：${this.datalist[index].nID}`);
			}
		}
	}
</script>